<template>
	<div class="mapinfo">
		<el-collapse v-model="activeName" accordion>
			<el-collapse-item title="项目基本情况" name="1">
				<div>项目名称：{{projectInfo.projectBasicInfo[0].name}}</div>
				<div>计划开工时间：{{projectInfo.projectBasicInfo[0].termStart}}</div>
				<div>计划竣工时间：{{projectInfo.projectBasicInfo[0].termEnd}}</div>
				<div>总投资：{{projectInfo.projectBasicInfo[0].investment}}</div>
				<div>项目业主：{{projectInfo.projectBasicInfo[0].owner}}</div>
				<div>建设规模及内容：{{projectInfo.projectBasicInfo[0].content}}</div>
				<div>是否重点项目：{{projectInfo.projectBasicInfo[0].isImportant}}</div>
				<div>牵头单位：{{projectInfo.projectBasicInfo[0].leadUnit}}</div>
				<div>分管区领导：{{projectInfo.projectBasicInfo[0].mangerLeader}}</div>
				<div>施工单位名称：{{projectInfo.projectBasicInfo[0].buildUnit}}</div>
				<div>施工单位联系电话：{{projectInfo.projectBasicInfo[0].buildPhone}}</div>
				<div>备注：{{projectInfo.projectBasicInfo[0].remark}}</div>
			</el-collapse-item>
			<el-collapse-item title="进度展示" name="9">
				<div class="block">
					<el-carousel height="150px">
						<el-carousel-item v-for="(img,index) in projectInfo.projectBasicInfo[0].imagePaths" :key="index">
							<img v-bind:src="img.url" style="width: 404px;height: 150px;" @click="viewImage">
						</el-carousel-item>
					</el-carousel>
				</div>
			</el-collapse-item>
			<el-collapse-item title="土地利用情况" name="3">
				<div>有条件建设区面积：{{projectInfo.landUsageInfo[0].buildArea}}</div>
				<div>增减挂钩指标面积：{{projectInfo.landUsageInfo[0].hookArea}}</div>
				<div>年度指标面积：{{projectInfo.landUsageInfo[0].yearArea}}</div>
				<div>取得批文面积：{{projectInfo.landUsageInfo[0].approvalArea}}</div>
				<div>批文号：{{projectInfo.landUsageInfo[0].approvalNum}}</div>
				<div>土地证面积：{{projectInfo.landUsageInfo[0].cardArea}}</div>
				<div>用地性质：{{projectInfo.landUsageInfo[0].landNature}}</div>
				<div>土地证证号：{{projectInfo.landUsageInfo[0].landNum}}</div>
				<div>用地年限：{{projectInfo.landUsageInfo[0].landLife}}</div>
				<div>宗地四至描述：{{projectInfo.landUsageInfo[0].extent}}</div>
			</el-collapse-item>
			<el-collapse-item title="项目进展情况" name="2">
				<div v-for="(item,index) in projectInfo.projectProgressInfo" :key="index">
					{{index+1}}、{{item.content}}
				</div>
			</el-collapse-item>

			<el-collapse-item title="存在问题和困难" name="4">
				<div v-for="(item,index) in projectInfo.existFaq" :key="index">
					{{index+1}}、{{item.content}}
				</div>
			</el-collapse-item>
			<el-collapse-item title="下一步工作措施" name="5">
				<div v-for="(item,index) in projectInfo.nextMeasure" :key="index">
					{{index+1}}、{{item.content}}
				</div>
			</el-collapse-item>
			<el-collapse-item title="月度倒排计划" name="6">
				<div v-for="(item,index) in projectInfo.yearPlan" :key="index">
					{{index+1}}、{{item.month}}月，计划完成{{item.monthInvestment}}万元，{{item.monthContent}}
				</div>
			</el-collapse-item>
			<el-collapse-item title="督办情况" name="7">
				<div v-for="(item,index) in projectInfo.rigorousSituation" :key="index">
					{{index+1}}、{{item.workContent}} （{{item.responseUnit}}）
				</div>
			</el-collapse-item>
			<el-collapse-item title="工作进展情况" name="8">
				<div v-for="(item,index) in projectInfo.workProgress" :key="index">
					{{index+1}}、{{item.progressSituation}} （{{item.inputUnit}}）
				</div>
			</el-collapse-item>
		</el-collapse>
		<image-view v-if="showEdit" :imagePaths="imagePaths" :showDialog.sync="showEdit"></image-view>
	</div>
	
</template>
<script>
	import imageView from '../../Project/projectmapDialog/ImageView.vue'
	
	export default {
		props: ['projectInfo'],
		created() {
			//			this.ajax({
			//				url: 'Point/Detail',
			//				data: {
			//					id: this.showDialogId
			//				}
			//			}).then(data => {
			//				this.dataAll = data
			//			})
			console.log(this.projectInfo)
		},
		mounted() {

		},
		watch: {
			dialogVisible(val) {
				this.$emit('update:showDialog', val)
			}
		},
		data() {
			return {
				showEdit:false,
				imagePaths:[],
				activeName: '1',
				dialogVisible: true, //弹出框隐藏显示
				options: [],
				value: '',
				dataAll: {},
			}
		},
		methods: {
			show(row) {
				this.dialogVisible = !this.dialogVisible
			},
			viewImage(){
				this.imagePaths=this.projectInfo.projectBasicInfo[0].imagePaths;
				this.showEdit=true;
			}
		},
		components: {
			imageView
		}
	}
</script>
<style scoped>
	.mapinfo {
		position: absolute;
		top: 72px;
		left: 1%;
		width: 436px;
	}
</style>